<template>
    <div>
        <el-table style="width: 100%" height="500" empty-text=" ">
            <el-table-column label="操作" width="160"></el-table-column>
            <el-table-column label="状态" width="100"></el-table-column>
            <el-table-column label="广告系列名称" width="160"></el-table-column>
            <el-table-column label="广告目标" width="120"></el-table-column>
            <el-table-column label="覆盖数" width="120"></el-table-column>
            <el-table-column label="广告系列名称" width="160"></el-table-column>
            <el-table-column label="广告目标" width="120"></el-table-column>
            <el-table-column label="覆盖数" width="120"></el-table-column>
            <el-table-column label="广告系列名称" width="160"></el-table-column>
            <el-table-column label="广告目标" width="120"></el-table-column>
            <el-table-column label="覆盖数" width="120"></el-table-column>
            <el-table-column label="展示数" width="120"></el-table-column>
            <el-table-column label="总预算" width="120"></el-table-column>
            <el-table-column label="已花费" width="150"></el-table-column>
        </el-table>
        <!--<div class="empty-content" >-->
            <!--<div style="width: 100%">-->
                <!--<img src="../assets/img/no-data.png">-->
            <!--</div>-->
            <!--<span>暂无数据</span>-->
        <!--</div>-->
    </div>
</template>

<script>
    import Vue from 'vue'
    import {Table,TableColumn} from 'element-ui';
    Vue.use(Table);
    Vue.use(TableColumn);
    export default {
        layout: 'facebook-manager',
        data() {
            return {

            }
        },

    }
</script>

<style scoped>
    .table{
        position: relative;
    }
    .empty-content {
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    img {
        width: 100px;
        height: 100px;
    }
    span {
        font-size: 13px;
        color: #0686F9;
        letter-spacing: 0;
        margin: 20px 0 0 -26px;
        display:inline-block;
    }
    }

</style>